<!DOCTYPE html>
<html dir="ltr" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
    <title>Stencil Component Starter</title>

    <script type="module" src="/build/exe-components-stencil.esm.js"></script>
    <script nomodule src="/build/exe-components-stencil.js"></script>
  </head>
  <body>
    <my-component first="Stencil" last="实现 EXE-Components 组件库"></my-component>
    <exe-avatar></exe-avatar>
    <exe-avatar class="exe-avatar-1" avatar-src='https://avatars.githubusercontent.com/u/22870463?v=4'></exe-avatar>

    <script>
      const exeAvatarElem = document.querySelector('exe-avatar');
      exeAvatarElem.addEventListener('avatarClick', e => console.log('点击头像'));
    </script>
  </body>
</html>
